page {
	background-color: #FFFFFF;
}
.all-box {
	padding: 30rpx;
	box-sizing: border-box;
}
.message-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	.message-icon {
		width: 40rpx;
		height: 40rpx;
	}
	.message-text {
		width: 640rpx;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		line-height: 34rpx;
	}
}
.list-box {
	margin-top: 30rpx;
	.list-box-item {
		width: 100%;
		.item-box {
			width: 100%;
			padding: 20rpx 30rpx 10rpx 30rpx;
			box-sizing: border-box;
			background: #F7F7F7;
			border-radius: 10rpx;
			margin-top: 30rpx;
			.item-days {
				width: 100%;
				display: flex;
				justify-content: space-between;
				.days-title {
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					margin-top: 6rpx;
				}
				.days-box {
					width: 526rpx;
					background: #FFFFFF;
					border-radius: 10rpx;
					padding: 10rpx 20rpx;
					box-sizing: border-box;
					display: flex;
					justify-content: space-between;
					.box-choose-none {
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
					}
					.box-choose-txts {
						width: 436rpx;
						font-weight: 500;
						font-size: 24rpx;
						color: #333333;
						line-height: 36rpx;
					}
					.box-choose-icon {
						width: 30rpx;
						height: 30rpx;
					}
				}
				.add-time-box {
					width: 526rpx;
					.add-time-none {
						width: 100%;
						display: flex;
						justify-content: space-between;
						height: 56rpx;
						background: #FFFFFF;
						border-radius: 10rpx;
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
						line-height: 56rpx;
						padding: 0 20rpx;
						box-sizing: border-box;
						margin-bottom: 10rpx;
						.none-icon {
							width: 30rpx;
							height: 30rpx;
							margin-top: 10rpx;
						}
					}
					.add-time-have {
						color: #333333;
					}
				}
			}
		}
		.item-delete {
			width: 100%;
			margin-top: 10rpx;
			display: flex;
			justify-content: flex-end;
			.delete-text {
				font-weight: 400;
				font-size: 24rpx;
				color: #333333;
				line-height: 30rpx;
			}
			.delete-icon {
				width: 30rpx;
				height: 30rpx;
				margin-left: 10rpx;
			}
		}
	}
	.list-box-add {
		width: 100%;
		margin-top: 30rpx;
		height: 80rpx;
		background: #F7F7F7;
		border-radius: 10rpx;
		display: flex;
		justify-content: center;
		line-height: 80rpx;
		.add-image {
			width: 30rpx;
			height: 30rpx;
			margin-top: 25rpx;
		}
		.add-text {
			font-weight: 500;
			font-size: 28rpx;
			color: #8CC63F;
			line-height: 80rpx;
			margin-left: 10rpx;
		}
	}
}

.choose-popup {
	.choose-box-title {
		width: 100%;
		padding: 40rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		.close-icon {
			width: 40rpx;
			height: 40rpx;
		}
		.title {
			font-weight: 500;
			font-size: 32rpx;
			color: #333333;
			line-height: 40rpx;
		}
		.confirm-icon {
			font-weight: 500;
			font-size: 32rpx;
			color: #8CC63F;
			line-height: 40rpx;
		}
	}
	.choose-type-box {
		width: 100%;
		// min-height: 400rpx;
		padding: 0 20rpx 0 40rpx;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		.type-box-item {
			.item-box {
				width: 210rpx;
				height: 80rpx;
				border-radius: 40rpx;
				border: 2rpx solid #666666;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				text-align: center;
				line-height: 76rpx;
				margin-right: 20rpx;
				margin-bottom: 30rpx;
			}
			.item-box-active {
				background: #BBFF2E;
				border: 2rpx solid #BBFF2E;
				font-weight: 500;
				font-size: 28rpx;
				color: #000000;
			}
		}
	}
	.type-box-bottom {
		margin-bottom: 100rpx;
	}
}
